@charset "utf-8";
/* CSS Document */

body{
	background-image:url(../immagini/02604_platform_1920x1080.jpg);
	background-color:#000;	
	background-size:cover;
	background-attachment:fixed;
	font-family:Arial, Helvetica, sans-serif;
	
}

.title{
	font-weight:bold;
	text-align:center;
	padding:2px;
	margin-top:80px;
	font-size:30px;
}
.title2{
	font-weight:bold;
	text-align:center;
	padding:2px;
	margin-top:60px;
	font-size:30px;
}
#contents{
	background-color:rgba(204,204,204,0.8);	
	color:#333;
	width:800px;
	margin:50px auto;
	
	border-radius:50%;
	-moz-border-radius:10px;
	-webkit-border-radius: 50%;
	border: 2px outset #CCC;
	
}
#button-list li{
	list-style:none;
	display:inline;	
}
#cerchio,
#cerchioFile,
#cerchioVideo,
#cerchioTesto,
#cerchioAudio,
#cerchioImg{
	border-radius:50%;
	width:200px;
	height:200px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color:rgba(255,255,255,0.5);
	border: 2px outset rgba(255,255,255,0.5);
	margin:0 auto;
	margin-top:-80px;
	padding:0;	
}
#cerchio{
	display:block;	
	
}
#cerchioImg{
	display:none;
	border: 2px inset #ff9c00;
}
#cerchioTesto {
	display:none;
	border: 2px inset #39F;	
}
#cerchioVideo{
	display:none;
	border: 2px inset #FF0;		
}
#cerchioFile{
	display:none;
	border: 2px inset #00ff70;
}
#cerchioAudio{
	display:none;
	border: 2px inset #F3C;
}
#testo{
	background-image:url(../immagini/page.png);	
	
	
}
#img{
	background-image:url(../immagini/photo.png);
	
}
#video{
	background-image:url(../immagini/film.png);	
}
#audio{
	background-image:url(../immagini/headphones.png);
}
#download{
	background-image:url(../immagini/cloud_download.png);	
}
#testo-div{
	margin-left:335px;
	
	
	
}
#img-div{
	margin-left:120px;
	
	
}
#video-div{
	margin-left:170px;
  	margin-top:-20px;
	
	
}
#audio-div{
	margin-left:500px;
	margin-top:-129px;
}
#download-div{
	margin-left:550px;
	margin-top:-135px;
	
	
}
#download-div, #testo-div,#audio-div,#video-div,#img-div{
	
	width:128px;
	height:128px;
	transition:2s, height 2s;
	-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
	-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
	-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */	
}
#download-div:hover, #testo-div:hover,#audio-div:hover,#video-div:hover,#img-div:hover{
	transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
}
.button-contents {
	/*outline:none;*/
	margin:0 auto;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #000;
/*	border: outset 2px #F60;
	background-color: #F90;*/
	
	padding:7px;
	width:128px;
	height:128px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.button-contents:hover {
	border:2px inset #FFF;
}
.button-contents:active{
	border:2px inset #FFF;
}

#testo:hover{
	background-image:url(../immagini/pageHover.png);
	border: 2px inset #39F;
}
#img:hover{
	background-image:url(../immagini/photoHover.png);
	border: 2px inset #ff9c00;
}
#video:hover{
	background-image:url(../immagini/filmHover.png);
	border: 2px inset #FF0;	
}
#audio:hover{
	background-image:url(../immagini/headphonesHover.png);
	border: 2px inset #F3C;
}
#download:hover{
	background-image:url(../immagini/cloud_downloadHover.png);	
	border: 2px inset #00ff70;
}

